<template>
  <div>
    <top current="register"></top>
    <div class="main-content login silent-register">
      <div class="login-main">
        <p class="lm-top_title">
          新用户注册
        </p>
          <div class="lm-top">
            <div class="sr-top">
              <img width="28" src="../../assets/applyResult/slient-tips.png" alt="">
              <span>您好，完成协议签约即可注册账号！</span>
            </div>
            <p>
              登录成功后连连通外贸融平台将为您创建新的企业用户ID
            </p>
            <div>
              <el-checkbox>我已阅读并同意</el-checkbox>
              <a class="slient-a">《用户隐私政策》</a>
            </div>
            <p class="sr-bottom">
              <el-button type="warning" class="base-btn register-btn register-btn_slient" @click="handleSubmit">
                确认
              </el-button>
            </p>
          </div>
      </div>
    </div>
  </div>
</template>


<script>
import top from '../layout/top';
export default {
  data() {
    return {
      form:{
        promo:''
      }
    }
  },
  components: {
    top
  },
  mounted() {
    this.getPromoCode();
  },
  methods: {
    getPromoCode() {
      let actUrl = decodeURIComponent(location.href);
      let promo = this.getQueryString(actUrl, 'promo')
      this.form.promo = !!promo ? promo : '';
    },
    getQueryString(url, name) {
      try {
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        let r = url.split('?')[1].match(reg);
        if (r != null) {
          return r[2];
        }
        return "";
      } catch (e) {
        return "";
      }
    },
    handleSubmit(){

    }
  }
}
</script>
<style lang="scss">
.silent-register{
  .lm-top_title{
    text-align: left;
  }
  .sr-top{
    height: 28px;
    line-height: 28px;
    margin: 80px auto 0 auto;
    width: 292px;
    font-weight: bold;
    font-size: 16px;
    img{
      display: block;
      float: left;
      margin-right: 8px;
    }
  }
  .sr-bottom{
    width: 292px;
    margin: 20px auto 0 auto;
    .register-btn_slient{
      width: 120px;
      border-radius: 0!important;
    }
  }
}
</style>
